<template>
  <div>
    <div class="box">
      <div class="left">
        <span class="iconfont icon-touxiang1"></span>
        <div class="xt">
          <!-- <p class="b1" v-for="m in phone" :key="m.id">{{ m.text1 }}</p> -->
          <p class="b1">{{ text2 }}</p>
          <div class="b2">
            <span class="iconfont icon-vip"></span>
            <p class="b3">Lv.1会员</p>
          </div>
          <div class="xx">
            <span class="s1">勋章：</span>
            <span class="iconfont icon-anliku"></span>
            <span class="s2">崭露头角</span>
          </div>
        </div>
      </div>
      <div class="right">
        <span class="iconfont icon-xiaoxi"></span>
      </div>
    </div>
    <div class="mai">
      <p class="m1">我要买房</p>
      <p class="m2">补全资料</p>
      <span class="iconfont icon-dayu"></span>
    </div>
    <div class="xia">
      <p class="x1">访问</p>
      <span class="x3">33</span>
      <p class="x2">赞</p>
      <span class="x4">0</span>
    </div>
    <ptab />
  </div>
</template>
<script>
// import axios from "axios";
import ptab from "./ptab.vue";
export default {
  name: "personal",
  components: {
    ptab,
  },
  data() {
    return {
      text2: "",
    };
  },
  methods: {
    tomain() {
      this.$router.push("/personal");
    },
    jiaoyi() {
      this.$router.push("/jiaoyibao");
    },
    loadComments1() {
      var list1 = localStorage.getItem("text1");
      this.text2 = list1;
    },
  },
  created() {
    this.loadComments1();
    // window.reload();
    // localStorage.removeItem("text1");
  },
};
</script>
<style scoped>
.box {
  display: flex;
  justify-content: space-between;
}
.box .left {
  display: flex;
  margin-top: 0.1rem;
  margin-left: 0.15rem;
}
.box .left .xt {
  margin-left: 0.1rem;
}
.box .left .icon-touxiang1 {
  font-size: 1.1rem;
  color: #a1e8a6;
}
.box .left .b1 {
  font-size: 0.18rem;
  color: #0d0b0b;
  /* margin-left: 0.2rem; */
  margin-top: 0.14rem;
}
.box .left .xt .b2 {
  display: flex;
  border: 1px solid #9c9c9c;
  width: 0.9rem;
  height: 0.23rem;
  text-align: center;
  line-height: 0.23rem;
  margin-top: 0.07rem;
}
.box .left .xt .s1 {
  font-size: 0.14rem;
}
.box .left .xt .xx {
  margin-top: 0.1rem;
}
.box .right {
  margin-right: 0.15rem;
  margin-top: 0.25rem;
}
.box .right .icon-xiaoxi {
  font-size: 0.28rem;
}
.mai {
  display: flex;
  margin-left: 0.3rem;
  width: 89%;
  height: 0.4rem;
  line-height: 0.4rem;
  /* background-color: red; */
  border-bottom: 1px solid #9c9c9c;
}
.mai .m1 {
  font-size: 0.14rem;
}

.mai .m2 {
  font-size: 0.14rem;
  margin-left: 1.9rem;
}
.mai .icon-dayu {
  margin-left: 0.1rem;
}
.xia {
  display: flex;
  margin-left: 0.29rem;
  margin-top: 0.15rem;
  margin-bottom: 0.2rem;
}
.xia .x1 {
  font-size: 0.14rem;
}
.xia .x3 {
  margin-left: 0.1rem;
  font-weight: 700;
}
.xia .x2 {
  margin-left: 0.2rem;
  font-size: 0.14rem;
}
.xia .x4 {
  margin-left: 0.1rem;
  font-weight: 700;
}
</style>